<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:pe="http://primefaces.org/ui/extensions">

<h:body>
	<ui:composition template="index_atencionSchedule.xhtml">
		<ui:define name="content">
			<p:toolbar id="titulo" style="color:#FFFFFF;font-size:125%;font-weight: bold">
			<p:toolbarGroup align="left">
				<p:outputLabel value="SISTEMA DE DISPONIBILIDAD HORARIA : #{aulasScheduleController.nombrePeriodoActual}"/>
			</p:toolbarGroup>
		    
			</p:toolbar>
			<br/>
		
			<h:form id="form">
				<p:tabView style="margin-left:0.5%;margin-right:1%;margin-top:3%"
					dynamic="true" cache="false" scrollable="true">
					<p:ajax event="tabChange"
						listener="#{aulasScheduleController.onTabChange}" update=":form:dialogo1" />
					<p:tab title="Aula 101">
						<p:schedule id="Aula101"
							value="#{aulasScheduleController.eventModel101}" locale="es"
							widgetVar="Aula101" view="agendaWeek" draggable="false"
							resizable="false" allDaySlot="false" slotMinutes="60"
							firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
							rightHeaderTemplate="prev,next" centerTemplate="title"
							columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
							axisFormat="HH:mm - HH:59">
							<p:ajax event="eventSelect"
								listener="#{aulasScheduleController.onEventSelect}"
								update=":#{p:component('detailsPanel')}"
								oncomplete="PF('eventDialog').show();" />
						</p:schedule>
						<p:toolbar>
							<p:toolbarGroup align="left">
								<p:outputLabel
										value=" Capacidad del aula: #{aulasScheduleController.capacidadAula} " />
								
								<ul style="list-style: none;">
                                	<li>
                                      <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
									  <p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                  	</li>
                                  	<li>
                                    	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                       	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                 	 </li>
                                     <li>
                                       	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                       	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                     </li>
                                </ul>
                                <p:outputLabel
									value=" Haga clic en algun evento para más información acerca de este. " />
							</p:toolbarGroup>
							<p:toolbarGroup align="right">
								<p:commandButton value=" GENERAR EVENTO EN AULAS "
									oncomplete="PF('eventDialog1').show();" />
							</p:toolbarGroup>
						</p:toolbar>
					</p:tab>
					<p:tab title="Aula 103">
						<p:schedule id="Aula103"
							value="#{aulasScheduleController.eventModel103}" locale="es"
							widgetVar="Aula103" view="agendaWeek" draggable="false"
							resizable="false" allDaySlot="false" slotMinutes="60"
							firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
							rightHeaderTemplate="prev,next" centerTemplate="title"
							columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
							axisFormat="HH:mm - HH:59">
							<p:ajax event="eventSelect"
								listener="#{aulasScheduleController.onEventSelect}"
								update=":#{p:component('detailsPanel')}"
								oncomplete="PF('eventDialog').show();" />
						</p:schedule>
						<p:toolbar>
							<p:toolbarGroup align="left">
								<p:outputLabel
										value=" Capacidad del aula: #{aulasScheduleController.capacidadAula} " />
								
								<ul style="list-style: none;">
                                	<li>
                                      <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
									  <p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                  	</li>
                                  	<li>
                                    	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                       	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                 	 </li>
                                     <li>
                                       	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                       	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                     </li>
                                </ul>
                                <p:outputLabel
									value=" Haga clic en algun evento para más información acerca de este. " />
							</p:toolbarGroup>
							<p:toolbarGroup align="right">
								<p:commandButton value=" GENERAR EVENTO EN AULAS "
									oncomplete="PF('eventDialog1').show();" />
							</p:toolbarGroup>
						</p:toolbar>
					</p:tab>
					<p:tab title="Aula 103-A">
						<p:schedule id="Aula103A"
							value="#{aulasScheduleController.eventModel103A}" locale="es"
							widgetVar="Aula103A" view="agendaWeek" draggable="false"
							resizable="false" allDaySlot="false" slotMinutes="60"
							firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
							rightHeaderTemplate="prev,next" centerTemplate="title"
							columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
							axisFormat="HH:mm - HH:59">
							<p:ajax event="eventSelect"
								listener="#{aulasScheduleController.onEventSelect}"
								update=":#{p:component('detailsPanel')}"
								oncomplete="PF('eventDialog').show();" />
						</p:schedule>
						<p:toolbar>
							<p:toolbarGroup align="left">
								<p:outputLabel
										value=" Capacidad del aula: #{aulasScheduleController.capacidadAula} " />
								
								<ul style="list-style: none;">
                                	<li>
                                      <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
									  <p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                  	</li>
                                  	<li>
                                    	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                       	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                 	 </li>
                                     <li>
                                       	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                       	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                     </li>
                                </ul>
                                <p:outputLabel
									value=" Haga clic en algun evento para más información acerca de este. " />
							</p:toolbarGroup>
							<p:toolbarGroup align="right">
								<p:commandButton value=" GENERAR EVENTO EN AULAS "
									oncomplete="PF('eventDialog1').show();" />
							</p:toolbarGroup>
						</p:toolbar>
					</p:tab>
					<p:tab title="Aula 104">
						<p:schedule id="Aula104"
							value="#{aulasScheduleController.eventModel104}" locale="es"
							widgetVar="Aula104" view="agendaWeek" draggable="false"
							resizable="false" allDaySlot="false" slotMinutes="60"
							firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
							rightHeaderTemplate="prev,next" centerTemplate="title"
							columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
							axisFormat="HH:mm - HH:59">
							<p:ajax event="eventSelect"
								listener="#{aulasScheduleController.onEventSelect}"
								update=":#{p:component('detailsPanel')}"
								oncomplete="PF('eventDialog').show();" />
						</p:schedule>
						<p:toolbar>
							<p:toolbarGroup align="left">
								<p:outputLabel
										value=" Capacidad del aula: #{aulasScheduleController.capacidadAula} " />
								
								<ul style="list-style: none;">
                                	<li>
                                      <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
									  <p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                  	</li>
                                  	<li>
                                    	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                       	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                 	 </li>
                                     <li>
                                       	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                       	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                     </li>
                                </ul>
                                <p:outputLabel
									value=" Haga clic en algun evento para más información acerca de este. " />
							</p:toolbarGroup>
							<p:toolbarGroup align="right">
								<p:commandButton value=" GENERAR EVENTO EN AULAS "
									oncomplete="PF('eventDialog1').show();" />
							</p:toolbarGroup>
						</p:toolbar>
					</p:tab>
					<p:tab title="Aula 105-A">
						<p:schedule id="Aula105A"
							value="#{aulasScheduleController.eventModel105A}" locale="es"
							widgetVar="Aula105A" view="agendaWeek" draggable="false"
							resizable="false" allDaySlot="false" slotMinutes="60"
							firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
							rightHeaderTemplate="prev,next" centerTemplate="title"
							columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
							axisFormat="HH:mm - HH:59">
							<p:ajax event="eventSelect"
								listener="#{aulasScheduleController.onEventSelect}"
								update=":#{p:component('detailsPanel')}"
								oncomplete="PF('eventDialog').show();" />
						</p:schedule>
						<p:toolbar>
							<p:toolbarGroup align="left">
								<p:outputLabel
										value=" Capacidad del aula: #{aulasScheduleController.capacidadAula} " />
								
								<ul style="list-style: none;">
                                	<li>
                                      <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
									  <p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                  	</li>
                                  	<li>
                                    	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                       	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                 	 </li>
                                     <li>
                                       	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                       	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                     </li>
                                </ul>
                                <p:outputLabel
									value=" Haga clic en algun evento para más información acerca de este. " />
							</p:toolbarGroup>
							<p:toolbarGroup align="right">
								<p:commandButton value=" GENERAR EVENTO EN AULAS "
									oncomplete="PF('eventDialog1').show();" />
							</p:toolbarGroup>
						</p:toolbar>
					</p:tab>
					<p:tab title="AULA 105">
						<p:schedule id="Aula105"
							value="#{aulasScheduleController.eventModel105}" locale="es"
							widgetVar="Aula105" view="agendaWeek" draggable="false"
							resizable="false" allDaySlot="false" slotMinutes="60"
							firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
							rightHeaderTemplate="prev,next" centerTemplate="title"
							columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
							axisFormat="HH:mm - HH:59">
							<p:ajax event="eventSelect"
								listener="#{aulasScheduleController.onEventSelect}"
								update=":#{p:component('detailsPanel')}"
								oncomplete="PF('eventDialog').show();" />
						</p:schedule>
						<p:toolbar>
							<p:toolbarGroup align="left">
								<p:outputLabel
										value=" Capacidad del aula: #{aulasScheduleController.capacidadAula} " />
								
								<ul style="list-style: none;">
                                	<li>
                                      <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
									  <p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                  	</li>
                                  	<li>
                                    	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                       	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                 	 </li>
                                     <li>
                                       	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                       	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                     </li>
                                </ul>
                                <p:outputLabel
									value=" Haga clic en algun evento para más información acerca de este. " />
							</p:toolbarGroup>
							<p:toolbarGroup align="right">
								<p:commandButton value=" GENERAR EVENTO EN AULAS "
									oncomplete="PF('eventDialog1').show();" />
							</p:toolbarGroup>
						</p:toolbar>
					</p:tab>
					<p:tab title="AULA 106">
						<p:schedule id="Aula106"
							value="#{aulasScheduleController.eventModel106}" locale="es"
							widgetVar="Aula106" view="agendaWeek" draggable="false"
							resizable="false" allDaySlot="false" slotMinutes="60"
							firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
							rightHeaderTemplate="prev,next" centerTemplate="title"
							columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
							axisFormat="HH:mm - HH:59">
							<p:ajax event="eventSelect"
								listener="#{aulasScheduleController.onEventSelect}"
								update=":#{p:component('detailsPanel')}"
								oncomplete="PF('eventDialog').show();" />
						</p:schedule>
						<p:toolbar>
							<p:toolbarGroup align="left">
								<p:outputLabel
										value=" Capacidad del aula: #{aulasScheduleController.capacidadAula} " />
								
								<ul style="list-style: none;">
                                	<li>
                                      <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
									  <p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                  	</li>
                                  	<li>
                                    	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                       	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                 	 </li>
                                     <li>
                                       	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                       	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                     </li>
                                </ul>
                                <p:outputLabel
									value=" Haga clic en algun evento para más información acerca de este. " />
							</p:toolbarGroup>
							<p:toolbarGroup align="right">
								<p:commandButton value=" GENERAR EVENTO EN AULAS "
									oncomplete="PF('eventDialog1').show();" />
							</p:toolbarGroup>
						</p:toolbar>
					</p:tab>
					<p:tab title="AULA 108">
						<p:schedule id="Aula108"
							value="#{aulasScheduleController.eventModel108}" locale="es"
							widgetVar="Aula108" view="agendaWeek" draggable="false"
							resizable="false" allDaySlot="false" slotMinutes="60"
							firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
							rightHeaderTemplate="prev,next" centerTemplate="title"
							columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
							axisFormat="HH:mm - HH:59">
							<p:ajax event="eventSelect"
								listener="#{aulasScheduleController.onEventSelect}"
								update=":#{p:component('detailsPanel')}"
								oncomplete="PF('eventDialog').show();" />
						</p:schedule>
						<p:toolbar>
							<p:toolbarGroup align="left">
								<p:outputLabel
										value=" Capacidad del aula: #{aulasScheduleController.capacidadAula} " />
								
								<ul style="list-style: none;">
                                	<li>
                                      <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
									  <p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                  	</li>
                                  	<li>
                                    	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                       	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                 	 </li>
                                     <li>
                                       	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                       	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                     </li>
                                </ul>
                                <p:outputLabel
									value=" Haga clic en algun evento para más información acerca de este. " />
							</p:toolbarGroup>
							<p:toolbarGroup align="right">
								<p:commandButton value=" GENERAR EVENTO EN AULAS "
									oncomplete="PF('eventDialog1').show();" />
							</p:toolbarGroup>
						</p:toolbar>
					</p:tab>
					<p:tab title="AULA 202">
						<p:schedule id="Aula202"
							value="#{aulasScheduleController.eventModel202}" locale="es"
							widgetVar="Aula202" view="agendaWeek" draggable="false"
							resizable="false" allDaySlot="false" slotMinutes="60"
							firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
							rightHeaderTemplate="prev,next" centerTemplate="title"
							columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
							axisFormat="HH:mm - HH:59">
							<p:ajax event="eventSelect"
								listener="#{aulasScheduleController.onEventSelect}"
								update=":#{p:component('detailsPanel')}"
								oncomplete="PF('eventDialog').show();" />
						</p:schedule>
						<p:toolbar>
							<p:toolbarGroup align="left">
								<p:outputLabel
										value=" Capacidad del aula: #{aulasScheduleController.capacidadAula} " />
								
								<ul style="list-style: none;">
                                	<li>
                                      <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
									  <p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                  	</li>
                                  	<li>
                                    	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                       	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                 	 </li>
                                     <li>
                                       	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                       	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                     </li>
                                </ul>
                                <p:outputLabel
									value=" Haga clic en algun evento para más información acerca de este. " />
							</p:toolbarGroup>
							<p:toolbarGroup align="right">
								<p:commandButton value=" GENERAR EVENTO EN AULAS "
									oncomplete="PF('eventDialog1').show();" />
							</p:toolbarGroup>
						</p:toolbar>
					</p:tab>
					<p:tab title="AULA 202A">
						<p:schedule id="Aula202A"
							value="#{aulasScheduleController.eventModel202A}" locale="es"
							widgetVar="Aula202A" view="agendaWeek" draggable="false"
							resizable="false" allDaySlot="false" slotMinutes="60"
							firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
							rightHeaderTemplate="prev,next" centerTemplate="title"
							columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
							axisFormat="HH:mm - HH:59">
							<p:ajax event="eventSelect"
								listener="#{aulasScheduleController.onEventSelect}"
								update=":#{p:component('detailsPanel')}"
								oncomplete="PF('eventDialog').show();" />
						</p:schedule>
						<p:toolbar>
							<p:toolbarGroup align="left">
								<p:outputLabel
										value=" Capacidad del aula: #{aulasScheduleController.capacidadAula} " />
								
								<ul style="list-style: none;">
                                	<li>
                                      <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
									  <p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                  	</li>
                                  	<li>
                                    	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                       	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                 	 </li>
                                     <li>
                                       	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                       	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                     </li>
                                </ul>
                                <p:outputLabel
									value=" Haga clic en algun evento para más información acerca de este. " />
							</p:toolbarGroup>
							<p:toolbarGroup align="right">
								<p:commandButton value=" GENERAR EVENTO EN AULAS "
									oncomplete="PF('eventDialog1').show();" />
							</p:toolbarGroup>
						</p:toolbar>
					</p:tab>
					<p:tab title="AULA 204">
						<p:schedule id="Aula204"
							value="#{aulasScheduleController.eventModel204}" locale="es"
							widgetVar="Aula204" view="agendaWeek" draggable="false"
							resizable="false" allDaySlot="false" slotMinutes="60"
							firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
							rightHeaderTemplate="prev,next" centerTemplate="title"
							columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
							axisFormat="HH:mm - HH:59">
							<p:ajax event="eventSelect"
								listener="#{aulasScheduleController.onEventSelect}"
								update=":#{p:component('detailsPanel')}"
								oncomplete="PF('eventDialog').show();" />
						</p:schedule>
						<p:toolbar>
							<p:toolbarGroup align="left">
								<p:outputLabel
										value=" Capacidad del aula: #{aulasScheduleController.capacidadAula} " />
								
								<ul style="list-style: none;">
                                	<li>
                                      <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
									  <p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                  	</li>
                                  	<li>
                                    	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                       	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                 	 </li>
                                     <li>
                                       	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                       	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                     </li>
                                </ul>
                                <p:outputLabel
									value=" Haga clic en algun evento para más información acerca de este. " />
							</p:toolbarGroup>
							<p:toolbarGroup align="right">
								<p:commandButton value=" GENERAR EVENTO EN AULAS "
									oncomplete="PF('eventDialog1').show();" />
							</p:toolbarGroup>
						</p:toolbar>
					</p:tab>
					<p:tab title="AULA 204-A">
						<p:schedule id="Aula204A"
							value="#{aulasScheduleController.eventModel204A}" locale="es"
							widgetVar="Aula204A" view="agendaWeek" draggable="false"
							resizable="false" allDaySlot="false" slotMinutes="60"
							firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
							rightHeaderTemplate="prev,next" centerTemplate="title"
							columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
							axisFormat="HH:mm - HH:59">
							<p:ajax event="eventSelect"
								listener="#{aulasScheduleController.onEventSelect}"
								update=":#{p:component('detailsPanel')}"
								oncomplete="PF('eventDialog').show();" />
						</p:schedule>
						<p:toolbar>
							<p:toolbarGroup align="left">
								<p:outputLabel
										value=" Capacidad del aula: #{aulasScheduleController.capacidadAula} " />
								
								<ul style="list-style: none;">
                                	<li>
                                      <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
									  <p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                  	</li>
                                  	<li>
                                    	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                       	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                 	 </li>
                                     <li>
                                       	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                       	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                     </li>
                                </ul>
                                <p:outputLabel
									value=" Haga clic en algun evento para más información acerca de este. " />
							</p:toolbarGroup>
							<p:toolbarGroup align="right">
								<p:commandButton value=" GENERAR EVENTO EN AULAS "
									oncomplete="PF('eventDialog1').show();" />
							</p:toolbarGroup>
						</p:toolbar>
					</p:tab>
					<p:tab title="AULA 205">
						<p:schedule id="Aula205"
							value="#{aulasScheduleController.eventModel205}" locale="es"
							widgetVar="Aula205" view="agendaWeek" draggable="false"
							resizable="false" allDaySlot="false" slotMinutes="60"
							firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
							rightHeaderTemplate="prev,next" centerTemplate="title"
							columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
							axisFormat="HH:mm - HH:59">
							<p:ajax event="eventSelect"
								listener="#{aulasScheduleController.onEventSelect}"
								update=":#{p:component('detailsPanel')}"
								oncomplete="PF('eventDialog').show();" />
						</p:schedule>
						<p:toolbar>
							<p:toolbarGroup align="left">
								<p:outputLabel
										value=" Capacidad del aula: #{aulasScheduleController.capacidadAula} " />
								
								<ul style="list-style: none;">
                                	<li>
                                      <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
									  <p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                  	</li>
                                  	<li>
                                    	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                       	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                 	 </li>
                                     <li>
                                       	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                       	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                     </li>
                                </ul>
                                <p:outputLabel
									value=" Haga clic en algun evento para más información acerca de este. " />
							</p:toolbarGroup>
							<p:toolbarGroup align="right">
								<p:commandButton value=" GENERAR EVENTO EN AULAS "
									oncomplete="PF('eventDialog1').show();" />
							</p:toolbarGroup>
						</p:toolbar>
					</p:tab>
					<p:tab title="AULA 207">
						<p:schedule id="Aula207"
							value="#{aulasScheduleController.eventModel207}" locale="es"
							widgetVar="Aula207" view="agendaWeek" draggable="false"
							resizable="false" allDaySlot="false" slotMinutes="60"
							firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
							rightHeaderTemplate="prev,next" centerTemplate="title"
							columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
							axisFormat="HH:mm - HH:59">
							<p:ajax event="eventSelect"
								listener="#{aulasScheduleController.onEventSelect}"
								update=":#{p:component('detailsPanel')}"
								oncomplete="PF('eventDialog').show();" />
						</p:schedule>
						<p:toolbar>
							<p:toolbarGroup align="left">
								<p:outputLabel
										value=" Capacidad del aula: #{aulasScheduleController.capacidadAula} " />
								
								<ul style="list-style: none;">
                                	<li>
                                      <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
									  <p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                  	</li>
                                  	<li>
                                    	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                       	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                 	 </li>
                                     <li>
                                       	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                       	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                     </li>
                                </ul>
                                <p:outputLabel
									value=" Haga clic en algun evento para más información acerca de este. " />
							</p:toolbarGroup>
							<p:toolbarGroup align="right">
								<p:commandButton value=" GENERAR EVENTO EN AULAS "
									oncomplete="PF('eventDialog1').show();" />
							</p:toolbarGroup>
						</p:toolbar>
					</p:tab>
					<p:tab title="AULA 209">
						<p:schedule id="Aula209"
							value="#{aulasScheduleController.eventModel209}" locale="es"
							widgetVar="Aula209" view="agendaWeek" draggable="false"
							resizable="false" allDaySlot="false" slotMinutes="60"
							firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
							rightHeaderTemplate="prev,next" centerTemplate="title"
							columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
							axisFormat="HH:mm - HH:59">
							<p:ajax event="eventSelect"
								listener="#{aulasScheduleController.onEventSelect}"
								update=":#{p:component('detailsPanel')}"
								oncomplete="PF('eventDialog').show();" />
						</p:schedule>
						<p:toolbar>
							<p:toolbarGroup align="left">
								<p:outputLabel
										value=" Capacidad del aula: #{aulasScheduleController.capacidadAula} " />
								
								<ul style="list-style: none;">
                                	<li>
                                      <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
									  <p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                  	</li>
                                  	<li>
                                    	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                       	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                 	 </li>
                                     <li>
                                       	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                       	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                     </li>
                                </ul>
                                <p:outputLabel
									value=" Haga clic en algun evento para más información acerca de este. " />
							</p:toolbarGroup>
							<p:toolbarGroup align="right">
								<p:commandButton value=" GENERAR EVENTO EN AULAS "
									oncomplete="PF('eventDialog1').show();" />
							</p:toolbarGroup>
						</p:toolbar>
					</p:tab>
					<p:tab title="AULA 211">
						<p:schedule id="Aula211"
							value="#{aulasScheduleController.eventModel211}" locale="es"
							widgetVar="Aula211" view="agendaWeek" draggable="false"
							resizable="false" allDaySlot="false" slotMinutes="60"
							firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
							rightHeaderTemplate="prev,next" centerTemplate="title"
							columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
							axisFormat="HH:mm - HH:59">
							<p:ajax event="eventSelect"
								listener="#{aulasScheduleController.onEventSelect}"
								update=":#{p:component('detailsPanel')}"
								oncomplete="PF('eventDialog').show();" />
						</p:schedule>
						<p:toolbar>
							<p:toolbarGroup align="left">
								<p:outputLabel
										value=" Capacidad del aula: #{aulasScheduleController.capacidadAula} " />
								
								<ul style="list-style: none;">
                                	<li>
                                      <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
									  <p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                  	</li>
                                  	<li>
                                    	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                       	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                 	 </li>
                                     <li>
                                       	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                       	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                     </li>
                                </ul>
                                <p:outputLabel
									value=" Haga clic en algun evento para más información acerca de este. " />
							</p:toolbarGroup>
							<p:toolbarGroup align="right">
								<p:commandButton value=" GENERAR EVENTO EN AULAS "
									oncomplete="PF('eventDialog1').show();" />
							</p:toolbarGroup>
						</p:toolbar>
					</p:tab>
					<p:tab title="AULA 200B">
						<p:schedule id="Aula200B"
							value="#{aulasScheduleController.eventModel200B}" locale="es"
							widgetVar="Aula200B" view="agendaWeek" draggable="false"
							resizable="false" allDaySlot="false" slotMinutes="60"
							firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
							rightHeaderTemplate="prev,next" centerTemplate="title"
							columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
							axisFormat="HH:mm - HH:59">
							<p:ajax event="eventSelect"
								listener="#{aulasScheduleController.onEventSelect}"
								update=":#{p:component('detailsPanel')}"
								oncomplete="PF('eventDialog').show();" />
						</p:schedule>
						<p:toolbar>
							<p:toolbarGroup align="left">
								<p:outputLabel
										value=" Capacidad del aula: #{aulasScheduleController.capacidadAula} " />
								
								<ul style="list-style: none;">
                                	<li>
                                      <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
									  <p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                  	</li>
                                  	<li>
                                    	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                       	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                 	 </li>
                                     <li>
                                       	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                       	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                     </li>
                                </ul>
                                <p:outputLabel
									value=" Haga clic en algun evento para más información acerca de este. " />
							</p:toolbarGroup>
							<p:toolbarGroup align="right">
								<p:commandButton value=" GENERAR EVENTO EN AULAS "
									oncomplete="PF('eventDialog1').show();" />
							</p:toolbarGroup>
						</p:toolbar>
					</p:tab>
					<p:tab title="AULA 201">
						<p:schedule id="Aula201"
							value="#{aulasScheduleController.eventModel201}" locale="es"
							widgetVar="Aula201" view="agendaWeek" draggable="false"
							resizable="false" allDaySlot="false" slotMinutes="60"
							firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
							rightHeaderTemplate="prev,next" centerTemplate="title"
							columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
							axisFormat="HH:mm - HH:59">
							<p:ajax event="eventSelect"
								listener="#{aulasScheduleController.onEventSelect}"
								update=":#{p:component('detailsPanel')}"
								oncomplete="PF('eventDialog').show();" />
						</p:schedule>
						<p:toolbar>
							<p:toolbarGroup align="left">
								<p:outputLabel
										value=" Capacidad del aula: #{aulasScheduleController.capacidadAula} " />
								
								<ul style="list-style: none;">
                                	<li>
                                      <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
									  <p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                  	</li>
                                  	<li>
                                    	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                       	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                 	 </li>
                                     <li>
                                       	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                       	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                     </li>
                                </ul>
                                <p:outputLabel
									value=" Haga clic en algun evento para más información acerca de este. " />
							</p:toolbarGroup>
							<p:toolbarGroup align="right">
								<p:commandButton value=" GENERAR EVENTO EN AULAS "
									oncomplete="PF('eventDialog1').show();" />
							</p:toolbarGroup>
						</p:toolbar>
					</p:tab>
					<p:tab title="AULA FAM1">
						<p:schedule id="AulaFAM1"
							value="#{aulasScheduleController.eventModelFAM1}" locale="es"
							widgetVar="AulaFAM1" view="agendaWeek" draggable="false"
							resizable="false" allDaySlot="false" slotMinutes="60"
							firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
							rightHeaderTemplate="prev,next" centerTemplate="title"
							columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
							axisFormat="HH:mm - HH:59">
							<p:ajax event="eventSelect"
								listener="#{aulasScheduleController.onEventSelect}"
								update=":#{p:component('detailsPanel')}"
								oncomplete="PF('eventDialog').show();" />
						</p:schedule>
						<p:toolbar>
							<p:toolbarGroup align="left">
								<p:outputLabel
										value=" Capacidad del aula: #{aulasScheduleController.capacidadAula} " />
								
								<ul style="list-style: none;">
                                	<li>
                                      <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
									  <p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                  	</li>
                                  	<li>
                                    	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                       	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                 	 </li>
                                     <li>
                                       	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                       	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                     </li>
                                </ul>
                                <p:outputLabel
									value=" Haga clic en algun evento para más información acerca de este. " />
							</p:toolbarGroup>
							<p:toolbarGroup align="right">
								<p:commandButton value=" GENERAR EVENTO EN AULAS "
									oncomplete="PF('eventDialog1').show();" />
							</p:toolbarGroup>
						</p:toolbar>
					</p:tab>
					<p:tab title="AULA FAM2">
						<p:schedule id="AulaFAM2"
							value="#{aulasScheduleController.eventModelFAM2}" locale="es"
							widgetVar="AulaFAM2" view="agendaWeek" draggable="false"
							resizable="false" allDaySlot="false" slotMinutes="60"
							firstHour="8" minTime="8" maxTime="22" leftHeaderTemplate="today"
							rightHeaderTemplate="prev,next" centerTemplate="title"
							columnFormat="ddd dd/MM" timeFormat="HH:mm { - HH:mm }"
							axisFormat="HH:mm - HH:59">
							<p:ajax event="eventSelect"
								listener="#{aulasScheduleController.onEventSelect}"
								update=":#{p:component('detailsPanel')}"
								oncomplete="PF('eventDialog').show();" />
						</p:schedule>
						<p:toolbar>
							<p:toolbarGroup align="left">
								<p:outputLabel
										value=" Capacidad del aula: #{aulasScheduleController.capacidadAula} " />
								
								<ul style="list-style: none;">
                                	<li>
                                      <p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:green;"/>
									  <p:outputLabel value="&nbsp;Peticiones aceptadas&nbsp;" />
                                  	</li>
                                  	<li>
                                    	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:blue;" /> 
                                       	<p:outputLabel value="&nbsp;Cursos Asignados&nbsp;" />
                                 	 </li>
                                     <li>
                                       	<p:outputLabel value="&nbsp;&nbsp;&nbsp;&nbsp;" style="background-color:gray;" /> 
                                       	<p:outputLabel value="&nbsp;Peticiones en espera&nbsp;" />
                                     </li>
                                </ul>
                                <p:outputLabel
									value=" Haga clic en algun evento para más información acerca de este. " />
							</p:toolbarGroup>
							<p:toolbarGroup align="right">
								<p:commandButton value=" GENERAR EVENTO EN AULAS "
									oncomplete="PF('eventDialog1').show();" />
							</p:toolbarGroup>
						</p:toolbar>
					</p:tab>
				</p:tabView>
				<p:growl id="messages" showDetail="true" life="5000"/>
				<p:outputPanel id="detailsPanel">
					<p:dialog id="dialogo" widgetVar="eventDialog" header="Detalles"
						showEffect="clip" hideEffect="clip">
						<p:panelGrid id="claseDetails" columns="2"
							rendered="#{aulasScheduleController.detalleClase eq true}">
							<h:outputText value="NOMBRE DE DOCENTE :" />
							<h:outputText
								value="#{aulasScheduleController.detalleClaseSelected.nombreDocente}" />
							<h:outputText value="CURSO :" />
							<h:outputText
								value="#{aulasScheduleController.detalleClaseSelected.curso}" />
							<h:outputText value="GRUPO :" />
							<h:outputText
								value="#{aulasScheduleController.detalleClaseSelected.grupo}" />
							<h:outputText value="ESCUELA :" />
							<h:outputText
								value="#{aulasScheduleController.detalleClaseSelected.escuela}" />
							<h:outputText value="HORA DE INICIO :" />
							<h:outputText
								value="#{aulasScheduleController.detalleClaseSelected.hInicio}" />
							<h:outputText value="HORA DE FIN :" />
							<h:outputText
								value="#{aulasScheduleController.detalleClaseSelected.hFin}" />
						</p:panelGrid>
						<p:panelGrid id="eventoDetails" columns="2"
							rendered="#{aulasScheduleController.detalleEvento eq true}">
							<h:outputText value="NOMBRE DE USUARIO :" />
							<h:outputText
								value="#{aulasScheduleController.detalleEventoSelected.nombreUsuario}" />
							<h:outputText value="NOMBRE DE EVENTO :" />
							<h:outputText
								value="#{aulasScheduleController.detalleEventoSelected.nombreEvento}" />
							<h:outputText value="HORA DE INICIO :" />
							<h:outputText
								value="#{aulasScheduleController.detalleEventoSelected.hInicio}">
								<f:convertDateTime type="date" timeZone="America/Lima"
									pattern="HH:mm:ss" />
							</h:outputText>
							<h:outputText value="HORA DE FIN :" />
							<h:outputText
								value="#{aulasScheduleController.detalleEventoSelected.hFin}">
								<f:convertDateTime type="date" timeZone="America/Lima"
									pattern="HH:mm:ss" />
							</h:outputText>
						</p:panelGrid>
					</p:dialog>
					<p:dialog id="dialogo1" widgetVar="eventDialog1" header="GENERAR EVENTO EN AULAS"
						showEffect="clip" hideEffect="clip">
						<p:panelGrid styleClass="panelNoBorder">
							<p:row>
								<p:column>
									<h:outputLabel value="USUARIO DE AMBIENTE  :" />
								</p:column>
								<p:column>
									<h:outputLabel value="#{aulasScheduleController.nombreUsuario}" />
								</p:column>
								<p:column>
									<p:selectBooleanCheckbox
										value="#{aulasScheduleController.soyUsuario}">
										<p:ajax update="input"
											listener="#{aulasScheduleController.activarInput}" />
									</p:selectBooleanCheckbox>
								</p:column>
							</p:row>
							<p:row>
								<p:column>
									<h:outputLabel value=" " />
								</p:column>
								<p:column>
									<h:outputLabel value=" OTRA PERSONA " />
								</p:column>
								<p:column>
									<p:inputText id="input"
										value="#{aulasScheduleController.peticionDoc.nombreUsuario}"
										disabled="#{aulasScheduleController.esUsuario eq 1}"/>
								</p:column>
							</p:row>
						</p:panelGrid>
						<h:panelGrid id="eventDetails1" columns="2"
							style="text-align:center;margin-left:auto;margin-right:auto">

							<h:outputLabel for="nombreE" value="NOMBRE EVENTO :" />
							<p:inputText id="nombreE"
								value="#{aulasScheduleController.peticionDoc.nombreEvento}"/>
								
							<h:outputLabel value="AULA :" />
							<h:outputLabel value="#{aulasScheduleController.aulaInfoBreve}" />

							<h:outputLabel for="idCalendar" value="FECHA" />
							<p:calendar id="idCalendar" required="true"
								requiredMessage="Ingrese la Fecha de Inicio" size="15"
								mindate="#{aulasScheduleController.inicioCalendar}"
								value="#{aulasScheduleController.peticionDoc.dia}"
								readonlyInput="true"
								onchange="#{aulasScheduleController.esDiaDeHoy()}">
								<p:ajax event="dateSelect" update="idCalendar hI HF" />
							</p:calendar>

							<h:outputLabel for="hI" value="HORA DE INICIO :" />
							<p:calendar id="hI"
								value="#{aulasScheduleController.peticionDoc.hInicio}"
								required="true" requiredMessage="Ingrese La Hora de Inicio"
								pattern="HH:mm"
								minHour="#{aulasScheduleController.mismoDia ? aulasScheduleController.horaMinimaInicio.getHours() : 8}"
							maxHour="#{aulasScheduleController.horaMaximaInicio.getHours()}"
								maxMinute="0"
								minMinute="0"
								timeOnly="true" readonlyInput="true">
								<p:ajax event="dateSelect" update="idCalendar HF" />
							</p:calendar>

							<h:outputLabel for="HF" value="HORA DE FIN :" />
							<p:calendar id="HF"
								value="#{aulasScheduleController.peticionDoc.hFin}"
								required="true" requiredMessage="Ingrese la Hora de Fin"
								pattern="HH:mm"
								minHour="#{aulasScheduleController.horaMinimaFin.getHours()}"
								maxHour="22"
								minMinute="0"
								maxMinute="0"
								timeOnly="true" readonlyInput="true">
								<p:ajax event="dateSelect" update="idCalendar hI" />
							</p:calendar>

							<h:outputLabel for="NR" value="NUMERO DE SEMANAS :" />
							<p:spinner id="NR" required="true"
								requiredMessage="Ingrese la Duración en Semanas del Evento"
								value="#{aulasScheduleController.peticionDoc.numRep}" min="1" />
							<h:outputLabel for="MT" value="MOTIVO" />
							<h:inputTextarea id="MT"
								value="#{aulasScheduleController.peticionDoc.motivo}" />
							<h:outputLabel value="ALQUILER? " />
							<p:selectBooleanCheckbox
								value="#{aulasScheduleController.esAlquiler}">
								<p:ajax listener="#{aulasScheduleController.validarAlquiler}" />
							</p:selectBooleanCheckbox>
							
							<p:commandButton id="addButton1" value="Guardar Evento" update="pnlValidarCampos"
								actionListener="#{aulasScheduleController.crearEventoDirecto}" />								 
							<p:commandButton id="cancelButton1" value="Cancelar Evento"
								actionListener="#{aulasScheduleController.botonCancelarDialog}"
								update=":form" >
								<p:confirm header="Cancelar" message="¿Está seguro que desea cancelar la acción? (Se perderá la información ingresada)" 
									icon="ui-icon-alert"/>
							</p:commandButton>
							<p:confirmDialog global="true" showEffect="fade">
								<p:commandButton value="Si" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
        						<p:commandButton value="No" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
							</p:confirmDialog>
							
							</h:panelGrid>
					</p:dialog>
					
					<p:dialog widgetVar="cruceDialog" modal="false" draggable="false"
						closable="true" resizable="false" showHeader="true" header="CRUCE DE EVENTOS">
					
						<h:panelGrid id="pnlCD"
							style="text-align:center;margin-left:auto;margin-right:auto"
							columns="1">
							<h:outputText value="EL EVENTO QUE DESEA CREAR GENERA CONFLICTOS CON CLASES O EVENTOS YA APROBADOS , NO SE PUEDE AGREGAR ESE EVENTO"
							style="font-weight:bold;color:red" />
						</h:panelGrid>
					</p:dialog>
					
					<p:dialog widgetVar="crucePetDialog" modal="false" draggable="false"
						closable="true" resizable="false" showHeader="true" header="CRUCE DE EVENTOS">
					
						<h:panelGrid id="pnlCPD"
							style="text-align:center;margin-left:auto;margin-right:auto"
							columns="1">
							<h:outputText value="EXISTEN PETICIONES QUE ENTRAN EN CONFLICTO CON ESTA ACCION , POR FAVOR REVISE LAS PETICIONES ANTES DE CONTINUAR"
							style="font-weight:bold;color:red" />
						</h:panelGrid>
					</p:dialog>
					<p:dialog widgetVar="validDialog" modal="false" draggable="false"
						closable="true" resizable="false" showHeader="true" header="Error" 
						width="500" height="300">
						
							<h:panelGrid id="pnlValidarCampos"
								style="text-align:center;margin-left:auto;margin-right:auto"
								columns="1">
								<h:outputText value="Hay datos ingresados no válidos:" />
								
								<h:outputText value="OTRA PERSONA: El nombre de la persona no esta especificado." rendered="#{aulasScheduleController.campoVacioOtraPersona}"/>
								<h:outputText value="OTRA PERSONA: El nombre de la persona no debe contener números." rendered="#{aulasScheduleController.campoVacioOtraPersona eq false and aulasScheduleController.noHayNumerosOtraPersona eq false ? true : false}"/>
	                            <h:outputText value="NOMBRE EVENTO: El nombre del evento no esta espeficicado." rendered="#{aulasScheduleController.campoVacioNombreEvento}"/>
	                            <h:outputText value="FECHA: El dia del evento no esta especificado." rendered="#{aulasScheduleController.campoVacioFecha}"/>
	                            <h:outputText value="HORA DE INICIO: La hora de inicio del evento no esta especificada." rendered="#{aulasScheduleController.campoVacioHoraInicio}"/>
	                            <h:outputText value="HORA DE FIN: La hora de final del evento no esta especificada." rendered="#{aulasScheduleController.campoVacioHoraFin}"/>
	                            <h:outputText value="NUMERO DE SEMANAS: El numero de semanas del evento no esta adecuadamente especificado, debe ser mayor o igual a 1." rendered="#{aulasScheduleController.campoVacioNumSemanas}"/>
	                            <h:outputText value="MOTIVO: El motivo del evento no esta especificado." rendered="#{aulasScheduleController.campoVacioMotivo}"/>
	                            
		
							</h:panelGrid>
						
						
					</p:dialog>
				</p:outputPanel>
			</h:form>
			<script type="text/javascript">
				PrimeFaces.locales['es'] = {
					closeText : 'Cerrar',
					prevText : 'Anterior',
					nextText : 'Siguiente',
					currentText : 'Esta Semana',
					monthNames : [ 'Enero', 'Febrero', 'Marzo', 'Abril',
							'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre',
							'Octubre', 'Noviembre', 'Diciembre' ],
					monthNamesShort : [ 'Ene', 'Feb', 'Mar', 'Abr', 'May',
							'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic' ],
					dayNames : [ 'Domingo', 'Lunes', 'Martes', 'Miercoles',
							'Jueves', 'Viernes', 'Sábado', ],
					dayNamesShort : [ 'Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa' ],
					dayNamesMin : [ 'Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa' ],
					weekHeader : 'Semana',
					firstDay : 1,
					isRTL : false,
					showMonthAfterYear : false,
					yearSuffix : '',
					month : 'Mes',
					week : 'Semana',
					day : 'Dia',
					allDayText : 'Todo el Dia'
				};
			</script>
			<style type="text/css">
.value {
	width: 1000px;
}

.clase .fc-event-inner {
	background: blue;
}

.evento .fc-event-inner {
	background: green;
}

.pendiente .fc-event-inner {
	background: gray;
}

.ceups .fc-event-inner {
	background: red;
}

.upg .fc-event-inner {
	background: yellow;
}

.panelNoBorder, .panelNoBorder tr, .panelNoBorder td {
	border: hidden;
	border-color: white;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
</style>
		</ui:define>
	</ui:composition>
</h:body>
</html>
